/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 31, 2014, 10:14:26 AM
    Author     : ervinne
*/

.fl-chatbox {

    position: fixed;
    bottom: 0px;
    width: 264px;
    float: right;

    margin-left: 5px;
    margin-right: 5px;

}

.fl-chatbox-content {
    width: 100%;
    height: 250px;
    background-color: #3A4B55;
    font-size: 11px;
    padding: 5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    overflow-y: auto;
}

.fl-chatbox-input {
    background-color: #626D7D;
    border-top: 1px solid rgba(44, 51, 59, 0.78);
}

.fl-chatbox-input-textarea {
    width: 85%;
    height: 95%;

    //  prevent resizing width
    min-width: 85%;
    max-width: 85%;

    overflow: hidden;
    min-height: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}

.fl-chatbox-collection-container {
    position: fixed;
    bottom: 0px;
    left: 280px;
    right: 260px;    
}

.fl-chat-online-users {

    position: fixed;
    width: 225px;
    bottom: 0px;
    right: 20px;
    z-index: 1000000;
}

.fl-chatbox-head {    
    min-height: 35px;
    color: white;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.fl-online-users-head:hover {
    cursor: pointer;
}

.fl-chatbox-head:hover {
    cursor: pointer;
}

.fl-chatbox-head-contents {
    padding: 8px;
    width: 68%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.fl-chatbox-options {
    position: absolute;
    right: 0px;
    top: 11px;
}

.fl-chatbox-options ul li {
    float: left;
}

.fl-chatbox-options ul li:last-child a{
    border-top-right-radius: 5px;
}


.fl-chatbox-options ul li a {
    padding: 8px;
}

.fl-chatbox-options ul li a i {
    color: #fff;
}

.fl-chat-online-users-content, .fl-chat-online-users-content-search {
    min-height: 310px;
    max-height: 310px;
    background: #eeeeee;
    padding: 8px;
    overflow-y: auto;
}
.fl-chat-online-users-content ul li, .fl-chat-online-users-content-search ul li{
    margin-bottom: 5px;
    cursor: pointer;
}

.fl-chat-online-users-content ul li img, .fl-chat-online-users-content-search ul li img{
    /*float: left;*/
}

.fl-chat-online-user {
    vertical-align: text-top;
}

.fl-chat-online-user:hover {
    /*background-color: #d4d4d4;
    border-top: #c8c8c8;
    border-bottom: #c8c8c8;*/
}

.fl-chatbox-title {
    color: white;
}

.fl-remove-margin-bottom {
    margin-bottom: 0px !important;
}

.messageArea {
    word-break:break-word;
    line-height:14px;
}

.fl-online-chat-name {
    padding: 9px;
    margin-left: 30px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: -20px;
}

.fl-chat-online-user .fl-online-chat-name {
    margin-top: -8px;
    margin-left: 39px;
    padding: 0px;
}

img.fl-online-chat-user-image {
    border-radius: 28px;
    position:absolute; top:4px; left:4px
}

.fl-new-chat-message-counter {
    display:none; 
    position:absolute; 
    top: -8px;
    width: 10px;
    height: 11px;
    right: -12px;
    z-index: 9 !important;
}

.fl-chatbox-messages-container li div.messageArea {
    background:transparent !important;
    border: none !important;
    color: #fff !important;
    margin-left: 35px !important;
    padding-top: 0px !important; 

}

.fl-chatbox-messages-container li {
    /*border-bottom: 1px solid #282D35 !important;*/
    padding: 5px 0px;
}

.fl-chatbox-input-textarea {
    border:none !important;
    resize: none;
    background-color: #626D7D;
    color: #ffffff;
}

.fl-line-break {
    height: 1px;
    width: 171px;
    background-color: #2c333b;
    position: absolute;
    bottom: 0px;
    left: 37px;
}
.fl-chat-online-users-content-container{
    min-height: 350px;
    max-height: 350px;
    background: #eeeeee;
    padding: 8px;
    overflow-y: hidden;
}
.fl-chat-online-user img{
    border-radius:100%;
}

/* Search online **/
.fl-search-online-container{
    position: absolute;bottom: 0px;width: 100%;margin-left: -8px;
}

.fl-search-online-container .fl-search-online{
    border: 1px solid #eeeeee;
}

.fl-chat-loading {
    margin: auto;
    height: 22px;
    display: block !important;
}

.fl-loading-bar {
    width: 3px !important;
}

#fl-chatbox-button-attach-file {
    background: none !important;
    border: transparent !important;
    padding: 0 !important;
}

#fl-chatbox-button-attach-file i  {
    color: #FFF;
    position: relative;
    top: -6px;
    right: -10px;
    cursor: pointer;
}

.fl-chat-online-users-content-search {
    z-index: 1;
}